.main-container {
  display: flex;
  height: 100vh;
  background: #0a0e17;

  .side-nav {
    width: 80px;
    background: #1a2230;
    padding: 20px 0;

    .nav-item {
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 15px 0;
      border-left: 4px solid transparent;

      &.active {
        border-left-color: #00e6b8;
        background: rgba(0, 230, 184, 0.1);
      }

      i {
        font-size: 28px;
        color: #7f8fa4;
      }
    }
  }

  .content-area {
    flex: 1;
    padding: 30px;
    overflow-y: auto;
  }
}